<template>
        <!-- 单选框组 -->
        <el-radio-group
            class="el_radioView"
            v-bind="$attrs"
            v-on="$listeners">
            <!-- 选项 -->
            <el-radio-button 
                v-for="item in $attrs.group"
                :key="item"
                :label="item"></el-radio-button>
        </el-radio-group>
</template>
<script>
export default {
}
</script>
<style scoped>
    /* radio-button样式重写*/
    /* 按钮最外侧样式 */
    .el_radioView {
        /* box-shadow: var(--rbutton-radioView-shadow); */
        /* 背景阴影 */
        border-radius: var(--rbutton-radioView-borderRadio);/* 边框角 */
    }
    /* 单个按钮样式 */
    .el_radioView .el-radio-button__inner {
        background-color: var(--rbutton-button-background-color) !important;/* 背景色 */
        color: var(--rbutton-button-color) !important;/* 字体颜色 */
        border-color:var(--rbutton-button-border-color) !important;/* 边框颜色 */
        height: var(--rbutton-button-height);
        line-height: var(--rbutton-button-height);
    }
    /* 选中按钮样式 */
    .el_radioView .el-radio-button__orig-radio:checked + .el-radio-button__inner {
        box-shadow:var(--rbutton-button-boxshadow-cheked);/* 选中时阴影 */
        background-color: var(--rbutton-button-bgc-cheked) !important;/* 选中时背景色 */
    }
</style>